<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>业务管理系统-骨干链管理-节点管理</title>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <link rel="stylesheet" href="/css/style.css"/>
    <link rel="stylesheet" href="/css/iconfont.css"/>
    <link rel="stylesheet" href="/css/element-icons.css"/>
    <link rel="stylesheet" href="/css/newiconfont.css"/>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/lib.js"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--[if IE]>
    <link rel="stylesheet" href="/css/all-ie-only.css"/>
    <![endif]-->
</head>

<body>
<div class="header">
    <a href="javascript:;" class="header-logo">
        <img src="/images/logo.png" alt=""/>
    </a>
    <div class="header-nav">
        <ul class="fix">
            <li>
                <a href="javascript:;" class="v1">标识注册系统</a>
            </li>
            <li>
                <a href="javascript:;" class="v1">标识解析系统</a>
            </li>
            <li>
                <a href="javascript:;" class="v1">统一认证系统</a>
            </li>
            <li>
                <a href="javascript:;" class="v1">运行检测系统</a>
            </li>
            <li>
                <a href="javascript:;" class="v1">区块链浏览器</a>
            </li>
            <li>
                <a href="javascript:;" class="v1">链网展示系统</a>
            </li>
        </ul>
    </div>
    <div class="header-user">
        <a href="javascript:;" class="hd">
            <img src="/images/head.png" alt=""/>
            <span>管理员</span>
        </a>
        <div class="dropdown-menu">
            <div class="icon-arrow"></div>
            <ul>
                <li class="wrz">
                    <a href="javascript:;" class="con">
                        <span>未认证</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" class="con">
                        <span>首页</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" class="con">
                        <span>资料编辑</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" class="con">
                        <span>我的钱包</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" class="con">
                        <span>退出</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="block-contail">
    <!-- 布局-侧边 -->
    <div class="block-left">
        <div class="block-scrollbar">
            <!-- 收起、展开按钮 -->
            <div class="arrow-btn">
                <span class="el-icon-arrow-left"></span>
            </div>
            <!-- 收起、展开按钮 end -->
            <!-- 侧边导航 -->
            <ul class="slide-nav">
                <li>
                    <a href="javascript:;" class="v1">
                        <i class="icon_dn icon newiconfont newicon1-guganlianguanli"></i>
                        <span class="title">骨干链管理</span>
                        <i class="icon-arrow el-icon-arrow-down"></i>
                    </a>
                    <div class="slide-nav-subitem">
                        <ul>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">基础配置</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">节点管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">合约管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">用户管理</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="javascript:;" class="v1">
                        <i class="icon_dn icon newiconfont newicon2-zilianguanli"></i>
                        <span class="title">子链管理</span>
                        <i class="icon-arrow el-icon-arrow-down"></i>
                    </a>
                    <div class="slide-nav-subitem">
                        <ul>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">子链申报管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">子链区块头</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">子链节点管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">子链用户管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">子链合约管理</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="javascript:;" class="v1">
                        <i class="icon_dn icon newiconfont newicon3-renzhengzhongxin"></i>
                        <span class="title">认证中心</span>
                        <i class="icon-arrow el-icon-arrow-down"></i>
                    </a>
                    <div class="slide-nav-subitem">
                        <ul>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">个人认证</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">企业认证</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">节点认证</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="javascript:;" class="v1">
                        <i class="icon_dn icon newiconfont newicon6-quanxianguanli"></i>
                        <span class="title">权限管理</span>
                        <i class="icon-arrow el-icon-arrow-down"></i>
                    </a>
                    <div class="slide-nav-subitem">
                        <ul>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">角色管理</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="javascript:;" class="v1">
                        <i class="icon_dn icon iconfont iconicon_setting"></i>
                        <span class="title">系统管理</span>
                        <i class="icon-arrow el-icon-arrow-down"></i>
                    </a>
                    <div class="slide-nav-subitem">
                        <ul>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">用户管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">系统字典</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">业务字典</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;" class="v2">
                                    <span class="title">菜单管理</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
            <!-- 侧边导航 end -->
        </div>
    </div>
    <!-- 布局-侧边 end -->
    <!-- 布局-主内容 -->
    <div class="block-main">
        <div class="block-scrollbar">
            <!-- 主内容 -->
            <div class="cur">
                <a href="javascript:;">骨干链管理</a><em>/</em>
                <span>骨干链节点管理</span>
            </div>
            <div class="block-1">
                <div class="block1-cont">
                    <div class="box-set">
                        <div class="set-bd">
                            <div class="set-item col-4">
                                <div class="tit">节点BID:</div>
                                <div class="con">
                                    <input type="text" id="bid" class="input-inner" placeholder="请输入节点BID"/>
                                </div>
                            </div>
                            <div class="set-item col-4">
                                <div class="tit">节点名称:</div>
                                <div class="con">
                                    <input type="text" id="name" class="input-inner" placeholder="请输入节点名称"/>
                                </div>
                            </div>
                            <div class="set-item col-4">
                                <div class="tit">节点类型:</div>
                                <div class="con">
                                    <div class="dropmenurel01 js-dropmenu" data-modulename="dropmenurel01">
                                        <input type="hidden" id="nodeType">
                                        <div class="dropmenurel01-tit">
                                            <span>全部</span>
                                            <i class="el-input__icon el-icon-arrow-up"></i>
                                        </div>
                                        <div class="dropmenurel01-options js-dropmenu-options">
                                            <i class="popper__arrow"></i>
                                            <ul>
                                                <li data-value="0">同步节点</li>
                                                <li data-value="1">可信节点</li>
                                                <li data-value="2">候选节点</li>
                                                <li data-value="3">共识节点</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="set-item col-4">
                                <div class="tit">认证状态:</div>
                                <div class="con">
                                    <div class="dropmenurel01 js-dropmenu" data-modulename="dropmenurel01">
                                        <input type="hidden" id="certificateStatus">
                                        <div class="dropmenurel01-tit">
                                            <span>全部</span>
                                            <i class="el-input__icon el-icon-arrow-up"></i>
                                        </div>
                                        <div class="dropmenurel01-options js-dropmenu-options">
                                            <i class="popper__arrow"></i>
                                            <ul>
                                                <li data-value="1">正常</li>
                                                <li data-value="3">待审核</li>
                                                <li data-value="7">被撤销</li>
                                                <li data-value="8">已过期</li>
                                                <li data-value="9">被拒绝</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="set-bt">
                            <a href="javascript:;" class="primary-btn" id="search">
                                <i class="icon_dn el-icon-search"></i>
                                <span>查询</span>
                            </a>
                            <a href="javascript:;" id="reset">
                                <i class="icon_dn el-icon-refresh"></i>
                                <span>重置</span>
                            </a>
                        </div>
                    </div>
                    <div class="box-set2">
                        <div class="set-bt">
                            <a href="./chaindomentsubmit.html" class="primary-btn">
                                <span>上报</span>
                            </a>
                        </div>
                    </div>
                    <div class="data-content table-scroll-x">
                        <div class="table1-head table-1">
                            <table>
                                <colgroup>
                                    <col name="" width="133">
                                    <col name="" width="260">
                                    <col name="" width="208">
                                    <col name="" width="208">
                                    <col name="" width="208">
                                    <col name="" width="156">
                                    <col name="" width="208">
                                    <col name="" width="200">
                                </colgroup>
                                <thead>
                                <tr>
                                    <th>节点名称</th>
                                    <th>节点BID</th>
                                    <th>节点类型</th>
                                    <th>所在地区</th>
                                    <th>主体类型</th>
                                    <th>认证状态</th>
                                    <th>创建时间</th>
                                    <th class="table1_center">操作</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                        <div class="table1-body table-1">
                            <table>
                                <colgroup>
                                    <col name="" width="133">
                                    <col name="" width="260">
                                    <col name="" width="208">
                                    <col name="" width="208">
                                    <col name="" width="208">
                                    <col name="" width="156">
                                    <col name="" width="208">
                                    <col name="" width="200">
                                </colgroup>
                                <tbody id="bms_table">
                                <tr>
                                    <td>node4</td>
                                    <td>did:bid:llj1:sfbg3EBvpfCkqzh2dweGH217Gm758w9w</td>
                                    <td>可信节点</td>
                                    <td>-</td>
                                    <td>--</td>
                                    <td class="table1_normal">正常</td>
                                    <td>2021-12-15 16:45:01</td>
                                    <td>
                                        <div class="table1-btn">
                                            <a href="javascript:;">详情</a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>node4</td>
                                    <td>did:bid:llj1:sfbg3EBvpfCkqzh2dweGH217Gm758w9w</td>
                                    <td>可信节点</td>
                                    <td>-</td>
                                    <td>--</td>
                                    <td class="table1_normal">正常</td>
                                    <td>2021-12-15 16:45:01</td>
                                    <td>
                                        <div class="table1-btn">
                                            <a href="javascript:;">详情</a>
                                            <a href="javascript:;">修改</a>
                                            <a href="javascript:;">申请可信</a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>node4</td>
                                    <td>did:bid:llj1:sfbg3EBvpfCkqzh2dweGH217Gm758w9w</td>
                                    <td>可信节点</td>
                                    <td>-</td>
                                    <td>--</td>
                                    <td class="table1_normal">正常</td>
                                    <td>2021-12-15 16:45:01</td>
                                    <td>
                                        <div class="table1-btn">
                                            <a href="javascript:;">详情</a>
                                            <a href="javascript:;">修改</a>
                                            <a href="javascript:;">绑定</a>
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div id="pageable" class="pages">
                        <div id="total" class="pages-total"></div>
                        <div class="dropmenurel01 js-dropmenu" data-modulename="dropmenurel01">
                            <input type="hidden" value="0">
                            <div class="dropmenurel01-tit">
                                <span>请选择</span>
                                <i class="el-input__icon el-icon-arrow-up"></i>
                            </div>
                            <div class="dropmenurel01-options js-dropmenu-options">
                                <i class="popper__arrow"></i>
                                <ul>
                                    <li data-value="1" onclick="changePageSize(10)">10条/页</li>
                                    <li data-value="2" onclick="changePageSize(20)">20条/页</li>
                                    <li data-value="3" onclick="changePageSize(30)">30条/页</li>
                                    <li data-value="4" onclick="changePageSize(40)">40条/页</li>
                                    <li data-value="5" onclick="changePageSize(50)">50条/页</li>
                                    <li data-value="6" onclick="changePageSize(100)">100条/页</li>
                                </ul>
                            </div>
                        </div>
                        <ul id="pageList"></ul>
                        <div class="pages-go">
                            前往
                            <input type="number" value="1" class="input-inner" id="pageNum"
                                   onChange="changeCurrentPage()"/>
                            页
                            <div class="pages-prev pages-disable"><a href="javascript:;"><i
                                    class="el-icon el-icon-arrow-left"></i></a></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 主内容 end -->
        </div>
    </div>
    <!-- 布局-主内容 end -->
</div>
<div class="pop-bg"></div>
<!-- 合约禁用弹窗 -->
<div class="m-pop" id="pop-heyuejinyong">
    <div class="win-pop1">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>合约禁用</h3>
        </div>
        <div class="win1-bd">
            <div class="win1-item">
                <div class="tit">禁用原因<span>*</span></div>
                <div class="con">
                    <input type="text" class="input-inner"/>
                </div>
            </div>
        </div>
        <div class="win-bt">
            <a href="javascript:;" class="js-btn"><span>取 消</span></a>
            <a href="javascript:;" class="primary-btn"><span>确 定</span></a>
        </div>
    </div>
</div>
<!-- 合约禁用弹窗 end -->
<!-- 撤销弹窗 -->
<div class="m-pop" id="pop-chexiaozhengshu">
    <div class="win-pop1">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>撤销</h3>
        </div>
        <div class="win1-bd">
            <div class="win1-item">
                <div class="tit">撤销原因:</div>
                <div class="con">
                    <textarea class="textarea-inner" placeholder="请输入撤销原因"></textarea>
                </div>
            </div>
        </div>
        <div class="win-bt">
            <a href="javascript:;" class="primary-btn"><span>提交</span></a>
            <a href="javascript:;" class="js-btn"><span>返回</span></a>
        </div>
    </div>
</div>
<!-- 撤销弹窗 end -->
<!-- 禁用弹窗 -->
<div class="m-pop" id="pop-jinyong">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-info"></div>
                <div class="desc">
                    <p>您确定要禁用标识吗？</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="javascript:;" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 禁用弹窗 end -->
<!-- 启用弹窗 -->
<div class="m-pop" id="pop-qiyong">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-info"></div>
                <div class="desc">
                    <p>您确定要启用标识吗？</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="javascript:;" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 启用弹窗 end -->
<!-- 下载KeyStore -->
<div class="m-pop" id="pop-xiazaiKeyStore">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="tit">请输入创建人的私钥</div>
                <div class="con">
                    <input type="text" class="input-inner"/>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="javascript:;" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 下载KeyStore end -->
<!-- 删除 -->
<div class="m-pop" id="pop-shanchu">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-warning"></div>
                <div class="desc">
                    <p>此操作将永久删除该数据, 是否继续?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="javascript:;" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 删除 end -->
<!-- 删除2 -->
<div class="m-pop" id="pop-shanchu2">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-info"></div>
                <div class="desc">
                    <p>确定删除选中角色?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="javascript:;" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 删除2 end -->
<!-- 删除3 -->
<div class="m-pop" id="pop-shanchu3">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <!-- <h3>提示</h3> -->
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-warning"></div>
                <div class="desc">
                    <p>确定将选择数据删除?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="javascript:;" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 删除3 end -->
<!-- 删除4 -->
<div class="m-pop" id="pop-shanchu4">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <!-- <h3>提示</h3> -->
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-warning"></div>
                <div class="desc">
                    <p>确定将选择数据删除?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="javascript:;" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 删除4 end -->
<!-- 移至黑名单 -->
<div class="m-pop" id="pop-yizhiheimingdan">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-warning"></div>
                <div class="desc">
                    <p>确定将该用户移至黑名单吗?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="javascript:;" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 移至黑名单 end -->
<!-- 升至管理员 -->
<div class="m-pop" id="pop-shengzhiguanliyuan">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-warning"></div>
                <div class="desc">
                    <p>确定将该用户添加至管理员?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="javascript:;" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 升至管理员 end -->
<!-- 移除管理员 -->
<div class="m-pop" id="pop-yichuguanliyuan">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-info"></div>
                <div class="desc">
                    <p>确定移除该用户管理员?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="javascript:;" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 移除管理员 end -->
<!-- 重置密码 -->
<div class="m-pop" id="pop-chongzhimima">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>请输入接收密码的邮箱</h3>
        </div>
        <div class="win3-bd">
            <div class="form-1 form-4">
                <form action="">
                    <div class="form-item col-1">
                        <div class="tit"></div>
                        <div class="con">
                            <input type="text" class="input-inner" placeholder="">
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="javascript:;" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 重置密码 end -->
<!-- 钱包解锁弹窗 -->
<div class="m-pop" id="pop-qianbaojiesuo">
    <div class="win-pop2">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-dialog__close el-icon el-icon-close"></i>
                </a>
            </div>
            <h3>钱包解锁</h3>
        </div>
        <div class="win1-bd">
            <div class="win2-item">
                <div class="tit">请选择方式：</div>
                <div class="con">
                    <ul class="radio-group js-custom-radio-checkbox" data-modulename="formrel01">
                        <li data-selectName=".item-select1">
                            <label>
                                <input type="radio" name="1" checked/>
                                <i class="icon"></i>
                                <span>BID keystore 文件</span>
                            </label>
                        </li>
                        <li data-selectName=".item-select2">
                            <label>
                                <input type="radio" name="1"/>
                                <i class="icon"></i>
                                <span>BID私钥</span>
                            </label>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="win2-item item-select1">
                <div class="tit">请选择BID Keystore文件</div>
                <div class="con">
                    <div class="file-upload_box3">
                        <div class="fileUpload-btn3">
                            <label>
                                <input type="file" class="js-upload">
                                <span><i class="icon_dn el-icon-upload e-upload"></i>选择文件</span>
                            </label>
                        </div>
                        <ul class="fileUpload-files">
                            <!-- <li>
                            <a href="javascript:;">
                                <i class="el-icon-document"></i>
                                <span>5cd67b13-740e-4f77-b950-09e47e60881d (1).json</span>
                            </a>
                            <i class="el-icon-close"></i>
                        </li> -->
                        </ul>
                    </div>
                </div>
            </div>
            <div class="win2-item col-1 item-select1">
                <div class="tit">请输入密码：</div>
                <div class="con">
                    <div class="input-suffix">
                        <input type="password" class="input-inner" placeholder="请输入密码"/>
                        <div class="icon">
                            <i class="el-input__icon i-changetype el-icon-view"></i>
                            <i class="el-input__icon el-icon-circle-close"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="win2-item col-1 item-select2">
                <div class="tit">请输入BID私钥：</div>
                <div class="con">
                    <div class="input-suffix">
                        <input type="password" class="input-inner" placeholder="请输入BID私钥"/>
                        <div class="icon">
                            <i class="el-input__icon i-changetype el-icon-view"></i>
                            <i class="el-input__icon el-icon-circle-close"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="win-bt win-bt_center">
            <a href="javascript:;" class="js-btn"><span>取 消</span></a>
            <a href="javascript:;" class="primary-btn"><span>确 定</span></a>
        </div>
    </div>
</div>
<!-- 钱包解锁弹窗 end -->
<!-- 显隐 -->
<div class="m-pop" id="pop-xianyin">
    <div class="win-pop5">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-dialog__close el-icon el-icon-close"></i>
                </a>
            </div>
            <h3>多 选</h3>
        </div>
        <div class="win1-bd">
            <ul class="checkbox-group2 js-custom-radio-checkbox" data-modulename="formrel01">
                <li>
                    <label>
                        <input type="checkbox" name="1" checked/>
                        <i class="icon"></i>
                        <span>角色名称</span>
                    </label>
                </li>
                <li>
                    <label>
                        <input type="checkbox" name="1"/>
                        <i class="icon"></i>
                        <span>所属租户</span>
                    </label>
                </li>
                <li>
                    <label>
                        <input type="checkbox" name="1"/>
                        <i class="icon"></i>
                        <span>角色别名</span>
                    </label>
                </li>
                <li>
                    <label>
                        <input type="checkbox" name="1"/>
                        <i class="icon"></i>
                        <span>角色排序</span>
                    </label>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 显隐 end -->
<script src="/js/module.js"></script>
<script>
    var currentPage = 1;
    var currentSize = 10;
    var num = 0;
    var records = [];
    var bladeUser = [];
    var isSelectedAll = false;
    var currentDeptId = '';
    var dataType = ['同步节点', '可信节点', '候选节点', '共识节点'];
    var subjectTypes = ['个人', '其他'];
    var certificateStatusList = ['正常', '待审核', '被撤销', '已过期', '被拒绝'];
    // 刷新
    $('#refresh').click(function () {
        getData(currentPage, currentSize)
    })
    // 搜索
    $('#search').click(function () {
        var bid = $('#bid').val();
        var name = $('#name').val();
        var nodeType = $('#nodeType').val();
        var certificateStatus = $('#certificateStatus').val();
        getData(1, 10, bid, name, nodeType, certificateStatus)
    })
    // 清空
    $('#reset').click(function () {
        $('#bid').val('');
        $('#name').val('');
        $('#nodeType').val('');
        $('#certificateStatus').val('');
        getData(1, 10);
    })
    //角色配置
    $('.role-btn').click(function () {
        var selecteds = []
        $("input[name='checkbox']:checked").each(function (index, item) {
            console.log("item", $(item).val())
            selecteds.push($(item).val());
        });
        if (selecteds.length === 1) {
            $('#pop-yonghujuese').fadeIn("normal");
            $('.pop-bg').addClass('open');
            var roleIds = '';
            $.each(records, function(i, item){
                if (item.id === selecteds[0]) {
                    roleIds = item.roleId.split(",")
                }
            })
            getRole(roleIds);
        } else if (selecteds.length === 0) {
            alert("至少选择一条数据");
        } else if (selecteds.length > 1) {
            alert("只能选择一条数据");
        }

    })

    // 选择全部
    function selectAll() {
        if (isSelectedAll) {
            $("input[name='checkbox']").each(function (i, item) {
                item.checked = false
            })
            isSelectedAll = false
        } else {
            $("input[name='checkbox']").each(function (i, item) {
                item.checked = true
            })
            isSelectedAll = true
        }
    }

    // 行checkbox选择
    function selectCheckBox(e) {
        if ($(e).attr("checked")) {
            $(e).attr("checked", false).parent().removeClass("formrel01-chk__checked")
        } else {
            $(e).attr("checked", true).parent().addClass("formrel01-chk__checked")
        }
    }

    // 角色配置选择
    function selectRole(e) {
        if ($(e).attr("checked")) {
            $(e).attr("checked", false).parent().removeClass("formrel01-chk__checked")
        } else {
            $(e).attr("checked", true).parent().addClass("formrel01-chk__checked")
        }
    }

    // 左侧树形选择
    function selectedBladeUser(e) {
        if ($(e).hasClass("on")) {
            $(e).removeClass("on")
            currentDeptId = '';
        } else {
            $(e).addClass("on")
            currentDeptId = e.dataset.value;
        }
        getData(1, currentSize)

    }

    // 获取列表数据
    function getData(current, size, bid, name, nodeType, certificateStatus) {
        if (!bid) {
            bid = ''
        }
        if (!name) {
            name = '';
        }
        if (!nodeType) {
            nodeType = '';
        }
        if (!certificateStatus) {
            certificateStatus = '';
        }
        var url = '/bmsApi/blade-certificate/chain-node/page?current='
            + current + '&size= ' + size + '&nodeType=' + nodeType + '&bid=' + bid + '&name=' + name + '&certificateStatus=' + certificateStatus;
        $request({
            url: url,
            method: 'get'
        }, function (res) {
            renderRecords(res.records);
            records = res.records
            currentPage = current;
            currentSize = size;
            if (res.total) {
                $('#pageable').show()
                $('#total').html("共" + res.total + "条")
                num = Math.ceil(res.total / size);
                pageNumInit(num)
            } else {
                $('#pageable').hide()
            }
        })
    }

    function renderRecords(records) {
        console.log(records.length)
        $('#bms_table').children().remove();

        if (records.length > 0) {
            var template = '';
            $.each(records, function(i, x){
                template += "<tr>" +
                    "<td>" + x.name + "</td>" +
                    "<td>" + x.bid + "</td>" +
                    "<td>" + dataType[x.nodeType] + "</td>" +
                    "<td>" + x.region + x.regionSub + "</td>" +
                    "<td>" + subjectTypes[x.subjectType] + "</td>" +
                    "<td>" + geTypeVal(x.certificateStatus) + "</td>" +
                    "<td>" + x.createTime + "</td>" +
                    "<td class='table1-center'>" +
                    "<div class='table1-btn '>" +
                    "<a href='./chainnodementmsg.html?id="+x.id+"'>详情</a>" +
                    "</div>" +
                    "</td>"
                "</tr>"
            })
            $('#bms_table').append(template);
        } else {
            $('#bms_table').append("<div class='none-data'><p>暂无数据</p></div>");
        }
    }

    function geTypeVal(type) {
        console.log('type',type);
        var value = '';
        switch (type) {
            case 1 :
                value = '正常';
                break;
            case 3 :
                value = "待审核";
                break;
            case 7 :
                value = "被撤销";
                break;
            case 8 :
                value = "已过期";
                break;
            case 9 :
                value = "被拒绝";
                break;
        }
        return value;
    }

    // 查看回显
    function renderDetail(detail) {
        $('#account2').val(detail.account)
        $('#tenantId').attr("value", detail.tenantId)
        $('#tenantName').html(detail.tenantName)
        $('#name').val(detail.name)
        $('#realName').val(detail.realName)
        $('#mobile').val(detail.mobile)
        $('#email').val(detail.email)
        $('#sex').attr("value", detail.sex)
        $('#sexName').html(detail.sexName)
        $('#birthday').val(detail.birthday)
        $('#code').val(detail.code)
        $('#roleId').attr("value", detail.roleId)
        $('#roleName').html(detail.roleName)
        $('#depotId').attr("value", detail.depotId)
        $('#depotName').html(detail.depotName)
        $('#postId').attr("value", detail.postId)
        $('#postName').html(detail.postName)
    }

    // 分页页码
    function pageNumInit(num) {
        $('#pageList').children().remove();
        if (currentPage === 1 && currentPage !== num) {
            $('#pageList').append(
                "<li class='pages-prev pages-disable'><a href='javascript:;'><i class='el-icon el-icon-arrow-left'></i></a></li>" +
                getPageNum(num) +
                "<li class='pages-next' onclick='changePageSize(" + currentSize + "," + (currentPage + 1) + ",this)'><a href='javascript:;'><i class='el-icon el-icon-arrow-right'></i></a></li>"
            );
        } else if (currentPage === num && currentPage !== 1) {
            $('#pageList').append(
                "<li class='pages-prev' onclick='changePageSize(" + currentSize + "," + (currentPage - 1) + ",this)'><a href='javascript:;'><i class='el-icon el-icon-arrow-left'></i></a></li>" +
                getPageNum(num) +
                "<li class='pages-next pages-disable'><a href='javascript:;'><i class='el-icon el-icon-arrow-right'></i></a></li>"
            );
        } else if (currentPage === 1 && currentPage === num) {
            $('#pageList').append(
                "<li class='pages-prev pages-disable'><a href='javascript:;'><i class='el-icon el-icon-arrow-left'></i></a></li>" +
                getPageNum(num) +
                "<li class='pages-next pages-disable'><a href='javascript:;'><i class='el-icon el-icon-arrow-right'></i></a></li>"
            );
        } else {
            $('#pageList').append(
                "<li class='pages-prev' onclick='changePageSize(" + currentSize + "," + (currentPage - 1) + ",this)'><a href='javascript:;'><i class='el-icon el-icon-arrow-left'></i></a></li>" +
                getPageNum(num) +
                "<li class='pages-next' onclick='changePageSize(" + currentSize + "," + (currentPage + 1) + ", this)'><a href='javascript:;'><i class='el-icon el-icon-arrow-right'></i></a></li>"
            );
        }
    }

    // 分页拼接
    function getPageNum(num) {
        var result = '';
        for (var i = 0; i < num; i++) {
            if (i === 0) {
                result += "<li class='pages-active' onclick='changePageSize(" + currentSize + "," + 1 + ",this)'><a href='javascript:;'>1</a></li>";
            } else {
                result += "<li onclick='changePageSize(" + currentSize + "," + (i + 1) + ",this)'><a href='javascript:;'>" + (i + 1) + "</a></li>";
            }
        }
        return result;
    }

    // 改变每页条数
    function changePageSize(size, pageNo, current) {
        var page = pageNo ? pageNo : $('#pageNum').val() ? $('#pageNum').val() : 1;
        currentSize = size ? size : 10;
        currentPage = Number(page);
        getData(currentPage, currentSize);
        pageNumInit(num);
    }

    // 改变页码
    function changeCurrentPage() {
        var page = $('#pageNum').val() ? $('#pageNum').val() : currentPage
        currentPage = Number(page)
        getData(currentPage, currentPage);
    };
    getData(1, currentSize);
</script>
</body>

</html>